<extend name="Public/head" />
<block name="style">
    <style>
    .title-box h4 {
        font-weight: 600;
        padding-bottom: 20px;
    }
    
    .greed {
        border: 1px solid #ff9900;
        text-align: center;
        height: 1.5em;
        line-height: 1.5em;
        width: 10%;
        margin-left: 30px;
        color: #ff9900;
    }
    
    .date-list {
        height: 50px;
        line-height: 44px;
        text-align: center;
        overflow: hidden;
    }
    
    .date-list li {
        padding-top: 5px;
    }
    
    .date-list strong,
    .date-list em {
        display: block;
    }
    
    strong {
        font-weight: 700;
        color: #df2d2d;
        font-size: 20px;
        height: 22px;
        line-height: 22px;
    }
    
    em {
        display: block;
        font-size: 12px;
        color: #9a9a9a;
        line-height: 22px;
        font-style: normal;
    }
    
    .mybtn {
        font-size: 13px;
        background: #e64847;
        padding: 8px 10px;
        border-radius: 4px;
        color: #fff;
        white-space: nowrap;
    }
    </style>
</block>
<block name="body">
    <div class="aui-content">
        <div class="aui-tab aui-tab-success">
            <ul class="aui-tab-nav aui-tab-border">
                <li class="active">选择场次</li>
                <li>在线选座</li>
                <li>支付</li>
                <li>取票</li>
            </ul>
        </div>
    </div>
    <div class="aui-content aui-text-center">
        <p>{$info.address}</p>
    </div>
    <div class="aui-content imgbox">
        <ul class="aui-list-view" id="indexlist">
            <li class="aui-list-view-cell aui-img images-box images-box-position">
                <div class="aui-col-xs-3 ">
                    <img class="aui-img-object aui-pull-left images" src="{$movie.image}">
                </div>
                <div class="aui-col-xs-6 img-content-box title-box">
                    <h4 class='images-title'>{$movie.title}</h4>
                    <p>{$movie.info}</p>
                </div>
                <div class="aui-col-xs-3 greed">
                    <span>{$movie.greed}</span>分
                </div>
            </li>
        </ul>
    </div>
    <div class="aui-content">
        <div class="aui-tab aui-tab-success">
            <ul class="aui-tab-nav aui-tab-border">
                <li class="list active">今日{:get_date()}</li>
                <li class="list " onclick="getList(this)">明日{:get_date(1)}</li>
            </ul>
        </div>
    </div>
    <div class="listbox">
        <volist name="manage" id="vo">
            <div class="aui-content a left">
                <ul class="aui-list-view date-list" data-id="{$vo.id}">
                    <li class="aui-col-xs-3">
                        <strong>{$vo.start_time|date="H:i",###}</strong>
                        <em>{$vo.end_time|date="H:i",###}结束</em>
                    </li>
                    <li class="aui-col-xs-3">{$vo.name}</li>
                    <li class="aui-col-xs-3">&yen;{$vo.price}元</li>
                    <if condition="($vo['passed'] eq 1)">
                        <li class="aui-col-xs-3">
                            <button disabled class="mybtn">已过期</button>
                        </li>
                        <else />
                        <li class="aui-col-xs-3"><a href="{:url('index/selectsit',array('manageid'=>$vo['id']))}" class="mybtn">买票</a></li>
                    </if>
                </ul>
            </div>
        </volist>
        <div class="a right" style="display:none">
            
        </div>
    </div>
</block>
<block name="footbar">
    
</block>
<block name="script">
    <script type="text/javascript">
    $('.list').on('click', function(e) {
        if ($(this).hasClass('active')) {
            return;
        } else {
            $('.list').removeClass('active');
            getList();
            $(this).addClass('active');
            $('.a').toggle();
        }
    })

    function getList() {
        $.get(API + 'getDetail',function(data){
            $('.right').html(data);
        });
    }
    </script>
</block>
